Top 8 Breath-taking HTML Menu Generator Collection

1. Drag and Drop Menu Generator and Sorter

featured image

This is a HTML menu generator that you can use as a standalone generator for your website to drive traffic or as a useful tool to make a menu for a website.- add multiple menu items

- generate a menu

- copy the navigation menu HTML and CSS straight to your website

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. iNav - CSS3 Menu

featured image

This is a CSS3 navigation menu mega menu with 4 variants (horizontal, sticky footer, vertical left and vertical right), 11 premade color schemes and a lot of nice features.Horizontal Menu

Sticky Footer Menu

Vertical Left & Right Menu

Live Color Scheme Generator

Unlimited Menu Levels

Pure CSS3 & HTML

If you want to save a lot of time developing you should do what I did, buy this menu, customize it and be happy all day long.“Excellent menu , easy to customize , and the support is great . Fixed some bugs in the examples files and live color scheme generator

More Details

4. ExplrPHP - Easy Tree Navigation Menu

featured image

ExplrPHP is a xml PHP script which provides an easy way to generate tree navigation menu in server-side from various sources of formats: usual PHP array, JSON file, XML file, or CSS menu maker table.// output tree as HTML and you're done

More Details

5. Mega Navigation Menu Pack With Menu Maker

featured image

It Comes With Drop Down Menu Maker To Create Menus Quickly.Just Copy Paste Generated Code To Your Web page Add Css And Javascripts And Your menu Is Ready To use…

Included 1 Video Tutorial On How To Use Drop Down Menu Maker And Html Documentation On How To Use Css And Javascripts As Per Your Need

60+ Backgrounds for Horizontal Drop Down Menu 18+ Background For Vertical Drop Down menus

Cross-Platform Compatibility For wordpress dropdown menu pages Maker

Included Javascripts For Floating Vertical menu And Sticky Vertical Menu

Included Javascript To Auto Convert Horizontal Menu To vertical dropdown menu CSS On Scroll

Horizontal Menu With Slider

Sticky Floating Menu

Slide Down Menu (Dynamite Menu)

Sucker-fish style Horizontal Menu

Updates In wordpress multi level dropdown menu Maker

Added Functionality to Add Side Icones In Menu Items

Dropdown Menu Maker Can Now Genrate Organized Code With Comments So It’s Easy To Customize

More Details

6. Node (dynamic menu made easy)

featured image

Node is a CSS horizontal drop menu system based on pure PHP without any framework requirement. Node comes with a control panel where you can add/edit/delete menu items as well as shift menu item’s position.The real magic thing about Node is that it gives you a tree control panel, where you can easily change your menu item’s content. It makes coding a make dynamic menu PHP as easy as writing a few lines in your code.You can use Node to build any kind of vertical navigation menu CSS and keep it dynamic, which means the content of the menu is always controlled by an admin page.fix menu-generator.Built your dynamic menu with only 4 lines coding.

More Details

7. Path Style Menu

featured image

Path style menu

This is a multi-level menu inspired by Path 2.When the user presses or clicks the button, menu items expand and place themselves around the main button forming an arc, a circle, line up horizontally or vertically. To close the menu the user needs to either selects one of the options presented or press the main button again.If multiple levels are nested, then clicking a sub menu navigation CSS will produce the back button allowing the user to go back to the previous menu selection.Fixed the arc style menu on iOS where the menu was jumpy when scrolling the page. Fixed inline menu bug where the menu items alignment got distorted if scrollbars were present in the page. Added a new option to allow stopping an expanded menu from collapsing when clicking in the document window. Menu items could be seen travelling from the top edge of the screen towards where the main button sits. In Firefox, there was a flicker when expanding the menu, while this was fixed before it kept creeping up in later

Fixed an issue on touch devices where the inline menu wasn’t showing at all. The menu items would remain partially

Ensured that the menu doesn’t get hidden by accident, i. you end up selecting the menu in your css when creating

When the menu loads the first time, you see it in motion as it hides behind the main button. You can now setup the entire menu in javascript or do things as

onItemButtonClick—fires for a menu item button

Fixed an inconsistency with the automatic expansion of the menu in page load. using css to style the buttons, which was also the default in previous versions, will want to prefix the menu id with the

HTML tree menu identifier i. where menu1 is the id of your menu. on the user but this added more room for confusion and more manual steps to make the inlined menu behave as one would expect

This is now handled by the menu internally. passed in as an option to the menu constructor. When passing a simple set of string values to the items property eg: {items: ‘Menu 1’, ‘Menu 2’,

‘Menu 3’} vs the much richer format, the value parameter passed to the onSelectedItem event handler turned up null. when a menu item is active (i. clicked) which collapses the menu items all together, clicking into the document again

expands the menu with the clicked element not showing. The menu shouldn’t expand nor should the clicked element be

menu. Added support for automatically opening the menu on page load. Added support for automatically collapsing the menu after it was automatically expanded on page load.Added high z-index order support for the menu when on inline mode.Added support for docking the menu in the Left Top Corner, Right Top Corner and Bottom Right Corner. Added support for inlining the menu. We now support 11 different styles of laying out the menu:

Added support for multiple instances of the menu

Extended the api and exposed new methods and properties, specifically ones you can use to add menu items dynamically. scenarios, such as adding menu items at runtime. This resulted in the menu not doing

Added a default z-index order to ensure that the menu is always above all other elements on the page where it

Added support for closing menu when clicking into the document. to get tooltip on your menu items. onSelectedItem handler now includes the clicked menu items title as well, which is passed in the callbacks

Horizontal scrollbar thickness wasn’t compensated for when placing the menu in the lower left corner of the viewport.Fixed positioning bug where if you had only a single menu item and with the proper curve set it would still remain hidden

behind the main menu. Fixed reference only (debug mode) element hierarchy generator where an extra menu item was included in the output. Basically when you had more than 1 sub level on more than 1 menu item, there

Fixed a bug that affected the first menu item. when clicking the first menu item it wouldn’t scale out when scrolling

arc as menu items can vary in number from submenu to submenu. Now if enableUrlHash is true ( false by default), then when you click on a menu item

Documented a debug feature that will print out your menu structure so you can see what your menu’s id’s look like

html file found in the home folder to bring to speed with the recent changes. —now proper cleanup is taking place when the menu is disposed of.html that showcases setting the curve pattern of the navigation sub menu CSS items. —Added a demo page which only includes the menu reducing chances for distraction.

More Details

8. Meganizr - Responsive CSS3 Mega Menu

featured image

Pure CSS3 + HTML

Live Color Schemes Generator (+20 options)

Note: The live color scheme generator is just a helper to create very easily your custom menu.What a great menu downv. Your html & css is extremely clean and simple to follow.Amazing menu, very easy to install and customize.

More Details

9. UberMenu - WordPress Mega Menu Plugin

featured image

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the simple dropdown menu Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.Works out of the box with most WordPress 3 Menu-Enabled Themes

Integrates directly with the WordPress 3 Menu Management System – work with the system that you know and love!

Easily customize colors and font sizes through the UberMenu Style Generator, or create your own CSS styles

Use the menu with or without jQuery Enhancements

Add an Image to any Menu Item through the Featured Image interface

Add Descriptions to any Menu Item at any level

Supports shortcodes and custom HTML content for complete customization potential

Ability to create image-only menu items (no text)

Menu is fully widgetized with unlimited widget areas!

Drag and drop Widgets into the menu widget dropdown wordpress areas with ease

Menu styles are CSS-driven

Use of the WordPress 3 Menu System

A Theme that properly implements the WordPress 3 Menu System, using the wp_nav_menu() function with the theme_location parameter.UberMenu will not automatically adopt the style of your theme’s menu. You can change the menu that appears on an individual Page or Post using the Menu Swapper plugin.* Fixed broken Style Generator Preview caused by new colorpickers. Update only necessary if you are using the Style Generator and need Preview functionality

* Added first menu item hover border radius for style generator

* Added Search Bar style settings to Style Generator

* Fixed CSS issue with responsive menu bars button

* New Feature: Ability to set Hover color for Second Level Links (Submenu Header Links) in Style Generator

* Added mobile menu interface to all iOS devices (easier closing of menu)

* Improved responsive theme handling to avoid duplicating mega menu

* Ability to center menu items within CSS menu creator

* Revised menu item options to use a single variable (increases menu item limit imposed by PHP)

* Enhancement: easy centering of menu bar in PHP

* Added ability to have transparent dividers and set glow to 0 in Style Generator

com/wordpress-plugins/responsive-wordpress-mega-menu

* wp-uber-menu.* wp-uber-menu-admin.* Menu thumbnail SSL support

* Top level widget capabilty - add a search box widget to your menu bar!

* Auto Align second-level menu items option

* Support for image-only menu items (no text)

There were a variety of changes, so if you are upgrading, be sure to back up your old wp-uber-menu folder before installing the jQuery slideshow ipad

2 makes the Menu Item Image support more robust. Depending on how the relevant theme is implemented, in certain cases it can keep the plugin from enabling featured images on menu items and vice versa.

More Details